<template>
	<view class="page">
		<view class="header">
			<view class="title_box">
				<view class="header_left"></view>
				<view class="title">还款</view>
				<view class="icon_r" @click="toService">
					<image class="msg" src="/static/icon/kefu.png" mode="scaleToFill" />
					<text>联系客服</text>
				</view>
			</view>
		</view>
		<view class="content">
			<image src="/static/icon/wuhuankuan.png" mode="scaleToFill" class="img" />
			<view class="text">暂无还款订单</view>
		</view>
		<!-- <view class="edgeInsetBottom"></view> -->
		<!-- 绝对定位的视图需要考虑 tabBar 遮挡的问题，bottom 应该加上 tabBar 的高度 -->
		<!-- <view class="fixedView"></view> -->
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {
			// 是否显示产品
			isShow: true
		}
	},
	computed: {},
	watch: {},
	onLoad() {},
	onShow() {},
	onReady() {},
	// 方法集合
	methods: {
		toService() {
			uni.navigateTo({
				url: '/pages/my/service'
			})
		}
	},
	onHide() {},
	onUnload() {}
}
</script>
<style lang="scss" scoped>
.page {
	color: #000;
	width: 100%;
	text-align: center;
	position: relative;
	font-family: PingFang SC;
	background-color: #fff;
}
// 头部导航
.header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding-top: var(--status-bar-height);
	z-index: 10;
	background-color: #3478f2;
	color: rgba(255, 255, 255, 0.8);
	.title_box {
		height: 44px;
		padding: 0 32rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.header_left {
			width: 150rpx;
		}
		.title {
			font-size: 40rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #ffffff;
		}
		.icon_r {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 150rpx;
			height: 32rpx;
			.msg {
				width: 32rpx;
				height: 32rpx;
			}
		}
	}
}
.content {
	position: relative;
	height: 100%;
	.img {
		width: 454rpx;
		height: 416rpx;
		position: absolute;
		top: 248rpx;
		left: 148rpx;
	}
	.text {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #333333;
		position: absolute;
		top: 614rpx;
		left: 280rpx;
	}
}
</style>
